/**
 * @description  : 人员item组件
 * @descriptionDetail : 人员item组件
 * @copyright    : 浙江烟草
 * @author       : mc
 * @create       : 2022-12-05 15:15:11
 */
<template>
  <view>
    <view class="divided-line">
      <view class="rowde">
        <text class="head-title">
          {{ personItem.personName || "" }}&nbsp;&nbsp;&nbsp;&nbsp;
        </text>
        <view class="left-icon"></view>
        <text class="head-title">
          &nbsp;&nbsp;&nbsp;&nbsp;{{ personItem.relationshipName || "" }}
        </text>
      </view>
      <u-row gutter="16" align="top" class="rowde">
        <u-col span="2.8">
          <view class="msg-title" align="left">
            身份证号：
          </view>
        </u-col>
        <u-col span="9">
          <view class="msg-title">
            {{ personItem.credNum || "" }}
          </view>
        </u-col>
      </u-row>
      <u-row gutter="16" align="top" class="rowde">
        <u-col span="2.8">
          <view class="msg-title" align="left">
            手机号码：
          </view>
        </u-col>
        <u-col span="9">
          <view class="msg-title">
            {{ personItem.contactMobile || "" }}
          </view>
        </u-col>
      </u-row>
      <u-row gutter="16" align="top" class="rowde">
        <u-col span="3.2">
          <view class="msg-title" align="left">
            身份证地址：
          </view>
        </u-col>
        <u-col span="8">
          <view class="msg-title">
            {{ personItem.credAddr || "" }}
          </view>
        </u-col>
      </u-row>
    </view>
  </view>
</template>

<script>
export default {
  props:['personItem',],
  created(){
    console.log(this.personItem);
  },
  methods:{

  },
}
</script>

<style lang="scss" scoped>
@import "./listItem.scss";
.ellipse{
    text-align: center;
    line-height: 50rpx;
    width:150rpx;
    height: 50rpx;
    background-color: #B7EACC;
    border-radius:20px;
    position: absolute;
    right: 10px;
}
.ecolor{
   background-color: #F85E59; 
}
.head-title{
    padding: 0rpx 12rpx 0rpx 12rpx;
    font-size:$cm_form_item_label_font_size;
    font-weight: bold;
}
.left-icon{
    margin: 0rpx 22rpx;
    width: 1rpx;
    height: 32rpx;
    background:#ccc;
    opacity: 1;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    top: 6rpx;
}
</style>